<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <title>Add more todo items</title>
    <link rel="stylesheet" href="../style/default.css"/>
</head>

<body>
<div class="title">
    <h1>Add more todo items</h1>
  <span class="nav">
  <a href="0.index.html">Top</a>
  <a href="2.add_todo.html">Previous</a>
  <a href="4.add_child_todo.html">Next</a>
  </span>
</div>
<div class="body">
    <p></p>
    <ol>
        <li>
            Click the Add button in the toolbar
            <div>
                <img src="image/btn_add.png" alt=""/>
            </div>
        </li>
        <li>
            A new row is added above current selected item(that is, the first row),
            and automatically enter editing mode.
            <div><img src="image/new_todo_2.png" alt=""/></div>
        </li>
        <li>
            Set the title and description, results
            <div><img src="image/description_edited_2.png" alt=""/></div>
        </li>
    </ol>
</div>
</body>
</html>
